<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>table中tr行上下移动实例</title>
		<meta http-equiv="keywords" content="">
	    <meta http-equiv="description" content="">
	    <!--<meta http-equiv="X-UA-Compatible" content=“IE=EmulateIE8″>-->
	    <meta http-equiv="X-UA-Compatible" content=”IE=Edge,chrome=1″ />
	    <meta name="renderer" content="webkit">
	    <link rel="stylesheet" href="style/css/base/MyReset.css" />
	    <link rel="stylesheet" href="style/css/common/common.css" />
	    <link rel="stylesheet" href="style/css/common/main.css" />
	    <link rel="stylesheet" href="style/css/page/trMove.css" />
	</head>
	<body class="bgColor_f">
		<div class="Ct">
			<div class="marginTop20">
				<label class="fontSize16">table中某行内容上下移动,点击表格右侧上下箭头可实现改行上下移动</label>
			</div>
			<div class="config_content_middle marginTop">
    			<table class="base_table text_align_center tableBorder" id="configStoreTabale">
    				<thead class="table_Head2">
    					<td width="5%">序号</td>
    					<td>存储名称</td>
    					<td width="20%">驱动类型</td>
    					<td width="10%">操作</td>
    				</thead>
    				<tbody>
    					<tr>
    						<td>1</td>
    						<td>datestore1</td>
    						<td>SSD1</td>
    						<td class="Reposition">
    							<img src="style/images/false.png" alt="无法显示图片" class="img_cursor"/>
    							<img src="style/images/up.png" alt="无法显示图片" class="base4_table_img1" onclick="tableTR_up(this)"/>
    							<img src="style/images/down.png" alt="无法显示图片" class="base4_table_img2" onclick="tableTR_down(this)"/>
    						</td>
    					</tr>
    					<tr>
    						<td>2</td>
    						<td>datestore2</td>
    						<td>SSD2</td>
    						<td class="Reposition">
    							<img src="style/images/false.png" alt="无法显示图片" class="img_cursor"/>
    							<img src="style/images/up1.png" alt="无法显示图片" class="base4_table_img1" onclick="tableTR_up(this)"/>
    							<img src="style/images/down.png" alt="无法显示图片" class="base4_table_img2" onclick="tableTR_down(this)"/>
    						</td>
    					</tr>
    					<tr>
    						<td>3</td>
    						<td>datestore3</td>
    						<td>SSD3</td>
    						<td class="Reposition">
    							<img src="style/images/false.png" alt="无法显示图片" class="img_cursor"/>
    							<img src="style/images/up1.png" alt="无法显示图片" class="base4_table_img1" onclick="tableTR_up(this)"/>
    							<img src="style/images/down.png" alt="无法显示图片" class="base4_table_img2" onclick="tableTR_down(this)"/>
    						</td>
    					</tr>
    					<tr>
    						<td>4</td>
    						<td>datestore4</td>
    						<td>SSD4</td>
    						<td class="Reposition">
    							<img src="style/images/false.png" alt="无法显示图片" class="img_cursor"/>
    							<img src="style/images/up1.png" alt="无法显示图片" class="base4_table_img1" onclick="tableTR_up(this)"/>
    							<img src="style/images/down.png" alt="无法显示图片" class="base4_table_img2" onclick="tableTR_down(this)"/>
    						</td>
    					</tr>
    					<tr>
    						<td>5</td>
    						<td>datestore5</td>
    						<td>SSD5</td>
    						<td class="Reposition">
    							<img src="style/images/false.png" alt="无法显示图片" class="img_cursor"/>
    							<img src="style/images/up1.png" alt="无法显示图片" class="base4_table_img1" onclick="tableTR_up(this)"/>
    							<img src="style/images/down.png" alt="无法显示图片" class="base4_table_img2" onclick="tableTR_down(this)"/>
    						</td>
    					</tr>
    					<tr>
    						<td>6</td>
    						<td>datestore6</td>
    						<td>SSD6</td>
    						<td class="Reposition">
    							<img src="style/images/false.png" alt="无法显示图片" class="img_cursor"/>
    							<img src="style/images/up1.png" alt="无法显示图片" class="base4_table_img1" onclick="tableTR_up(this)"/>
    							<img src="style/images/down1.png" alt="无法显示图片" class="base4_table_img2" onclick="tableTR_down(this)"/>
    						</td>
    					</tr>
    				</tbody>
    			</table>
    		</div>
		</div>
		<script type="text/javascript" src="style/js/base/jquery-1.9.1.min.js" ></script>
		<script type="text/javascript" src="style/js/page/trMove.js" ></script>
	</body>
</html>
